* {
    margin: 0px;
    padding: 0px;
}

li {
    list-style: none;
}

.cont {
    width: 640px;
    height: 1188px;
    background-color: #f3f3f3;
    margin: 0px auto;
}

/* 手机状态栏 */
.phoneBox {
    height: 39px;
    background-color: #ffad37;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.phoneBox .leftBox {
    margin-left: 15px;
}

.phoneBox .leftBox span {
    margin: 0px 14px;
    font-size: 20px;
}

.phoneBox .rightBox {
    margin-right: 15px;
}

.phoneBox .rightBox span {
    margin: 0px 8px 0px 11px;
    font-size: 20px;
}

/* 标题栏 */
.titleBox {
    height: 87px;
    background-color: #ffad37;
    color: white;
}

.titleBox ul {
    margin: 0px 29px;
    height: 87px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.titleBox h1 {
    font-size: 31px;
}

.backIcon {
    width: 25px;
    height: 25px;
    border-left: 5px solid white;
    border-bottom: 5px solid white;
    transform: rotate(45deg);
}

.messBox h2,
.proBox h2,
.applyBox h2,
.cooBox h2 {
    font-size: 23px;
    color: #585b62;
    margin-top: 21px;
    margin-left: 17px;
    margin-bottom: 3px;
}


/* 信息管理 */
.messBox {
    height: 348px;
}

.messBox .listBox ul {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
}

.messBox .listBox li {
    width: 200px;
    height: 146px;
    margin: 5px 0px;
    color: white;
    font-size: 26px;
    display: flex;
    flex-wrap: wrap;
}

.messBox .listBox h3 {
    width: 100%;
    margin: 12px 12px;
}

.messBox .listBox img {
    width: 70px;
    height: 70px;
    margin: 0px 10px 10px auto;
}

.messBox .listBox ul li:nth-child(1) {
    background-color: #36d4a6;
}

.messBox .listBox ul li:nth-child(2) {
    background-color: #fcb53f;
}

.messBox .listBox ul li:nth-child(3) {
    background-color: #6068fd;
}

.messBox .listBox ul li:nth-child(4) {
    background-color: #29b3ff;
}

.messBox .listBox ul li:nth-child(5) {
    background-color: #a273ff;
}

.messBox .listBox ul li:nth-child(6) {
    background-color: #ff6666;
}


/* 计划统计 */
.proBox {
    height: 187px;
}

.proBox ul {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.proBox li {
    width: 213px;
    background-color: white;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.proBox li:nth-child(1) {
    border-right: 1px solid #c7ced4;
}

.proBox li:nth-child(2) {
    border-right: 1px solid #c7ced4;
}

.proBox img {
    margin-top: 12px;
}

.proBox p {
    width: 100%;
    text-align: center;
    font-size: 26px;
    color: #818181;
    margin-bottom: 12px;
}

/* 月车申请 */
.applyBox {
    height: 170px;
}

.applyBox ul {
    height: 134px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background-color: white;
    display: flex;
    align-items: center;
}

.applyBox li {
    width: 172px;
    height: 56px;
    margin-left: 55px;
    display: flex;
    align-items: center;
}

.applyBox p {
    font-size: 26px;
    margin-left: 12px;
}

/* 协同办公 */
.cooBox {
    height: 157px;
    margin-bottom: 17px;
}

.cooBox ul {
    height: 120px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background-color: white;
    display: flex;
    align-items: center;
    /* justify-content: space-around; */
}

.cooBox li p {
    font-size: 25px;
    color: #4c4c4c;
}

.cooBox li:nth-child(1) {
    width: 92px;
    height: 89px;
    display: flex;
    justify-content: center;
    line-height: 64px;
    flex-wrap: wrap;
    margin-left: 40px;
}

.cooBox li:nth-child(1) div {
    width: 52px;
    height: 52px;
    border-radius: 5px;
    background-color: #56d5f5;
    font-size: 19px;
    color: #f0f0f0;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 底部标签 */
.fooBox {
    height: 96px;
}

.fooBox ul {
    height: 96px;
    display: flex;
    justify-content: space-between;
    background-image: url(../images/dibubg_02.gif);
}

.fooBox ul li:nth-child(1),
.fooBox ul li:nth-child(3) {
    width: 254px;
    height: 97px;
    border-top: 1px solid #e5e5e5;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fooBox li span {
    margin-left: 16px;
    font-size: 27px;
    color: #808080;
    margin-top: -5px;
}

.fooBox ul li:nth-child(2) {
    width: 132px;
    height: 130px;
    background-image: url(../images/xuhua_03.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: -34px;
    display: flex;
    justify-content: center;
}

.fooBox ul li:nth-child(2) img {
    width: 66px;
    height: 58px;
    margin-top: 26px;
}